<div class="panel panel-default panel-intro">
    {:build_heading()}
    <div class="content_box1">
        <div class="content_item1">
            <div>订单编号：</div>
            <div>{$row.order_id}</div>
        </div>
        <div class="content_item1">
            <div>电梯编号：</div>
            <div>{$row.lift_number}</div>
        </div>
        <div class="content_item1">
            <div>电梯规格：</div>
            <div>{$row.specifications}</div>
        </div>
        <div class="content_item1">
        </div>
        <div class="content_item1">
            <div>所在地区：</div>
            <div>{$row.area}</div>
        </div>
        <div class="content_item1">
            <div>电梯地址：</div>
            <div>{$row.specific_address}</div>
        </div>
        <div class="content_item1">
            <div>业主姓名：</div>
            <div>{$row.real_name}</div>
        </div>
        <div class="content_item1">
            <div>联系电话：</div>
            <div>{$row.phone}</div>
        </div>
        <div class="content_item1">
            <div>业务员：</div>
            <div>{$row.personnel}</div>
        </div>
        <div class="content_item1">
            <div>套餐名称：</div>
            <div>{$row.package}</div>
        </div>
        <div class="content_item1">
            <div>套餐时长：</div>
            <div>{$row.duration}</div>
        </div>
        <div class="content_item1">
            <div>成交价格：</div>
            <div>{$row.pay_price}</div>
        </div>
        <div class="content_item1">
            <div>订单状态：</div>
            <div>{$row.status_text}</div>
        </div>
        <div class="content_item1">
            <div>创建时间：</div>
            <div>{$row.add_time}</div>
        </div>
        <div class="content_item1">
            <div>付款时间：</div>
            <div>{$row.pay_time}</div>
        </div>
        <div class="content_item1">
            <div>服务单数：</div>
            <div>{$row.total_service_num}</div>
        </div>
        <div class="content_item1">
            <div>清洁范围：</div>
            <div>{$row.clean_area}</div>
        </div>
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        {:build_toolbar('refresh')}
                        <div class="dropdown btn-group {:$auth->check('user/user/multi')?'':'hide'}">
<!--                            <a href="javascript:;"  style="margin-left: 5px" class="btn btn-success btn-create-order" title="创建订单" ><i class="fa fa-plus"></i>创建订单</a>-->
                            <ul class="dropdown-menu text-left" role="menu">
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>
                            </ul>
                        </div>
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('user/user/edit')}"
                           data-operate-del="{:$auth->check('user/user/del')}"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
<style>

    .content_box1{
        margin-top: 30px;
        width: 90%;
        display: flex;flex-wrap: wrap;
        border: 1px solid rgb(179,179,179);
        border-radius: 10px;
    }
    .content_item1{
        width: 21%;
        margin: 20px 2%;
        display: flex;
        align-items: center;
    }
    .content_item2{
        width: 33%;
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .content_item3{
        width: 25%;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
    }
    .content_item4{
        width: 50%;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
    }
    .content_item1_img{
        margin: 0 20px;
        max-width: 150px;
        max-height: 150px;
    }
    .btn_box{
        margin: 20px 0;
        width: 10%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .self_tab-header{
        width: 90%;
        padding: 0;
        margin: 20px 0;
    }
    .self_tab-header li {
        display: inline-block;
        padding: 10px 20px;
        background-color: #eee;
        cursor: pointer;
    }

    .self_tab-header li.active {
        background-color: #ccc;
    }

    .self_tab-content-item div{
        color: #999;
    }


</style>